
var tableIns;
layui.extend({
    // dtree:'layui_ext/dist/dtree'
}).use([ 'jquery', 'layer', 'form', 'table' ,'util','laydate' ], function() {
    var $ = layui.jquery;
    var layer = layui.layer;
    var form = layui.form;
    var table = layui.table;
    var  util = layui.util;
    var laydate = layui.laydate;

    tableIns=table.render({
        elem: '#userTable'   //渲染的目标对象
        ,url:'/warehouse/selectdrugstore' //数据接口
        ,title: '库房药品表'//数据导出来的标题
        ,toolbar:"#userToolBar"   //表格的工具条
        ,height:'full-200'
        ,cellMinWidth:150 //设置列的最小默认宽度
        ,page: 1  //是否启用分页, limits: [10, 20, 30]
        ,limits: [10, 20, 30]
        ,limit: 10//默认采用3
        ,cols: [[   //列表数据
            // {field:'rugstoreId', title:'ID',align:'center',width:"100",sort:true}
            {field:'drugstoreName', title:'名称',align:'center',width:"10%"}
            ,{field:'typeName', title:'类型',align:'center',width:"10%"}
            ,{field:'supplierName', title:'供货商',align:'center',width:"10%"}
            ,{field:'skullName', title:'经办人',align:'center',width:"10%"}
            ,{field:'warehouseName', title:'库房',align:'center',width:"10%"}
            // ,{field:'unitName', title:'单位',align:'center',width:"100"}
            // ,{field:'tradePrice', title:'批发价',align:'center',width:"10%"}
            // ,{field:'sellingPrice', title:'售价',align:'center',width:"10%"}
            // ,{field:'areaName', title:'产地',align:'center',width:"100"}
            // ,{field:'produceDate', title:'生产日期',align:'center',width:"100"}
            // ,{field:'validDate', title:'有效日期',align:'center',width:"100"}
            ,{field:'batch', title:'批号',align:'center',width:"20%"}
            ,{field:'drugstorenum', title:'数量',align:'center',width:"10%"}
            ,{fixed: 'right', title:'操作', toolbar: '#userBar',align:'center',width:'20%'},
        ]]
    });

    // 类型
    $.ajax({
        //要跳转的地址
        url: '/warehouse/findAllTypes',
        //数据类型
        dataType: 'json',
        //提交类型
        type: 'post',
        //查询成功后执行的方法
        success: function (data) {
            $.each(data, function (index, item) {
                $('#type').append(new Option(item.typeName, item.typeId));// 下拉菜单里添加元素
            });
            layui.form.render("select");//重新渲染 固定写法
        }
    });

    //模糊查询
    $("#doSearch").click(function(){
        var params=$("#searchFrm").serialize();
        tableIns.reload({
            url:"/warehouse/selectdrugstore?"+params
        })
    });


    var url;
    var mainIndex;

    //打开修改页面
    function openUpdate(data){
        mainIndex=layer.open({
            type:1,
            title:'查看详情',
            content:$("#saveOrUpdateDiv"),
            area:['800px','500px'],
            success:function(index){
                form.val("dataFrm",data);
                url="/warehouse/updrug";
            }
        });
    }
    //保存
    form.on("submit(doSubmit)",function(obj){
        //序列化表单数据
        var params=$("#dataFrm").serialize();
        $.post(url,params,function(obj){
            layer.msg(obj);
            //关闭弹出层
            layer.close(mainIndex)
            //刷新数据 表格
            tableIns.reload();
        })
    });
//初始化添加or修改到下拉框中的值  type药品类型
    $.ajax({
        url: '/warehouse/seltype',
        dataType: 'json',
        type: 'post',
        success: function (data) {
            $.each(data, function (index, item) {
                $('#typeId').append(new Option(item.typeName, item.typeId));// 下拉菜单里添加元素

            });

            layui.form.render("select");//重新渲染 固定写法
        }
    });
    //初始化添加or修改到下拉框中的值  unit单位
    $.ajax({
        url: '/warehouse/selunit',
        dataType: 'json',
        type: 'post',
        success: function (data) {
            $.each(data, function (index, item) {
                // 下拉菜单里添加元素
                $('#unitId').append(new Option( item.unitName,item.unitId));
            });

            layui.form.render("select");//重新渲染 固定写法
        }
    });

    $.ajax({
        url: '/warehouse/selarea',
        dataType: 'json',
        type: 'post',
        success: function (data) {
            $.each(data, function (index, item) {
                // 下拉菜单里添加元素
                $('#areaId').append(new Option( item.areaName,item.areaId));
            });

            layui.form.render("select");//重新渲染 固定写法
        }
    });
    $.ajax({
        url: '/warehouse/selskull',
        dataType: 'json',
        type: 'post',
        success: function (data) {
            $.each(data, function (index, item) {
                // 下拉菜单里添加元素
                $('#skullId').append(new Option( item.skullName,item.skullIdid));
            });

            layui.form.render("select");//重新渲染 固定写法
        }
    });
    $.ajax({
        url: '/warehouse/selupplier',
        dataType: 'json',
        type: 'post',
        success: function (data) {
            $.each(data, function (index, item) {
                // 下拉菜单里添加元素
                $('#supplierId').append(new Option( item.supplierName,item.supplierIdid));
            });
            layui.form.render("select");//重新渲染 固定写法
        }
    });


//监听行工具事件
    table.on('tool(userTable)', function(obj){
        var data = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        if(layEvent === 'edit') { //编辑
            openUpdate(data);
            layer.closeAll('dialog');
            /*layer.confirm('确定编辑【' + data.drugstoreName + '】这个药品吗', function (index) {
                //向服务端发送删除指令
                openUpdate(data);
                //关闭警告框
                layer.closeAll('dialog');
            });*/
        }
    });

})